

/*---滚动条默认显示样式--*/
::-webkit-scrollbar-thumb {
  height: 50px;
  outline-offset: -2px;
  outline: 2px solid #fff;
  -webkit-border-radius: 4px;
  border: 2px solid #fff;
  // transition: all 1s ease;
}

/*---鼠标点击滚动条显示样式--*/
::-webkit-scrollbar-thumb:hover {
  height: 50px;
  // -webkit-border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.3);
}

/*---滚动条大小--*/
::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}

/*---滚动框背景样式--*/
::-webkit-scrollbar-track-piece {
  -webkit-border-radius: 0;
}

/* 滚动条的滑轨背景颜色 */
::-webkit-scrollbar-track {
  background-color: #eee;
}

/* 滑块颜色 */
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
}

/* 滑轨两头的监听按钮颜色 */
::-webkit-scrollbar-button {
  // background-color: #eee;
}

/* 横向滚动条和纵向滚动条相交处尖角的颜色 */
::-webkit-scrollbar-corner {
  // background-color: black;
  // background-color: #cfcdcd;
  background-color: rgba(0, 0, 0, 0.2);
}

